<template>
  <el-dialog
    title="新增"
    :visible.sync="dialogVisible"
    append-to-body
    width="60%"
  >
    <el-form :model="dataForm" :inline="true">
      <el-row>
        <el-col :span="6">
          <el-row>
            <el-form-item label="班级名称">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="培训编号">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="培训单位">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="资质级别">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="开始时间">
              <el-date-picker
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-row>
        </el-col>
        <el-col :span="6">
          <el-row>
            <el-form-item label="培训班次">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="培训类型">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="培训类别">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="实施部门">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="结束时间">
              <el-date-picker
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-row>
        </el-col>
        <el-col :span="6">
          <el-row>
            <el-form-item label="班主任">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="行政区域">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="计划人数">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="培训地点">
              <el-input></el-input>
            </el-form-item>
          </el-row>
          <el-row>
            <el-form-item label="拟定考试时间">
              <el-date-picker
                type="date"
                placeholder="选择日期">
              </el-date-picker>
            </el-form-item>
          </el-row>
        </el-col>
        <el-col :span="6">
          <el-form-item prop="punishNoticeUrl" label="上传封面图">
            <avatar-uploader
              :avatar="dataForm.punishNoticeUrl"
              title="我的头像"
              @uploaded="headerUploaded"
              :size="180"
            ></avatar-uploader>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <el-form>
      <el-row>
        <el-col>
          <el-form-item>
            <el-button type="primary">添加讲师</el-button>
          </el-form-item>
        </el-col>
        <el-col style="margin-top: 10px">
          <el-form-item label="添加讲师">
            <el-input
              type="textarea"
              :rows="3"
              placeholder="请输入内容"
              v-model="textarea">
            </el-input>
          </el-form-item>
        </el-col>
        <el-col>
        </el-col>
        <el-col style="margin-top: 10px">
          <el-form-item label="添加简介">
            <el-input
              type="textarea"
              :rows="3"
              placeholder="请输入内容"
              v-model="textarea">
            </el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
  </el-dialog>
</template>

<script>
  import AvatarUploader from '../../../components/uploader/avatar-uploader'
  export default {
    name: 'plane-add-or-update',
    data() {
      return {
        dialogVisible: false,
        dataForm: {
          punishNoticeUrl: ''
        }
      }
    },
    components: { AvatarUploader },
    methods: {
      init() {
        this.dialogVisible = true
      },
      headerUploaded(file) {
        this.dataForm.punishNoticeUrl = file.url
      }
    }
  }
</script>

<style scoped>

</style>
